import React from "react";
import Icon from "../../../../components/icon";
import { useNavigate } from "umi";
import "./style.scss";
export default function NavBars() {
  const navigate = useNavigate();
  return (
    <>
      <div className="headers">
        <Icon name="fenlei" color="#fff"></Icon>
        <div className="find" onClick={() => navigate("/find")}>
          <div className="icon">
            <Icon name="shouye" color="red" />
          </div>
          <div className="sousuo">
            <Icon name="sousuo" />
            <span>格陵兰微波炉</span>
          </div>
        </div>
        <span
          style={{ color: "#fff" }}
          onClick={() => {
            navigate("/login");
          }}
        >
          登录
        </span>
      </div>
    </>
  );
}
